<template>
	<view v-if="(diytheme_data || null) != null">
		<!-- 顶部内容 -->
		<view v-if="index_topbg_style==3 || index_topbg_style==4 || index_topbg_style==5" class="pr" :style="'padding-top:'+banner_top+'px;'">
			<!-- 轮播 -->  
			<view class="banner-box-3" v-if="propBannerList.length > 0">
				<component-banner :diyTheme="diytheme_data" propRadius="wustyle" propBottom="200" propWidth="4" propLeft propSize="block" :propData="propBannerList" :propImgNoRadius="true"></component-banner>
			</view>
			<view class="home-top-nav-content home-top-nav-content-3 pa" :style="top_content_bg_box">
				<view :class="'tit_and_search pr '+(search_is_fixed == 1 ? 'search-content-fixed ' : '')" :style="(search_is_fixed == 1 ? (top_content_style + top_content_search_bg_color) : '')">
					<view :class="'tit_and_search'+index_title_style+' pr '" :style="tit_and_search_box">
						<view v-if="is_home_location_choice == 1 || index_topbg_style==5" class="home-top-nav-location dis-inline-block va-m single-text cr-white pr bs-bb padding-left-main padding-right-lg">
							<component-choice-location ref="choice_location" @onBack="user_back_choice_location"></component-choice-location>
						</view>
						<view v-else>
							<!-- 标题 -->
							<block v-if="index_title_style == 1">
								<view class="home-top-nav-title single-text" :style="top_title_text_style">{{application_title}}</view>
							</block>
							<block v-else-if="index_title_style == 2">
								<view class="home-top-nav-title-logo fl"><image :src="top_title_style" mode="heightFix" /></view>
								<view class="home-top-nav-title home-top-nav-title-txt single-text fl" :style="top_title_text_style">{{application_title}}</view>
								<view class="cl"></view>
							</block>
							<block v-else>
								<view class="home-top-nav-title-logo-3"><image class="va-m" :src="top_title_style" mode="heightFix" /></view>
							</block>
						</view>
						<!-- 搜索 -->
						<view :class="'yx-search-box yx-search-box'+index_title_style+' pr yx-search-because-slider'" :style="(index_title_style == 3 ? ({ height: menuButtonInfo.height - 2 + 'px', lineHeight: menuButtonInfo.height - 2 + 'px' }) : '')">
							<view v-if="common_app_is_enable_search == 1" :style="search_style" class="yx-search-box-cc">
								<view class="margin-horizontal-main">
									<!-- 是否开启搜索框前面icon扫一扫 -->
									<block v-if="is_home_search_scan == 1">
										<component-search :diyTheme="diytheme_data" :propUrl="propUrl" :propPlaceholder="propPlaceholder" propPlaceholderClass="cr-grey-c" propIconColor="#999" :propBgColor="soubgcolor" :propIsSouPic="is_sou_pic"
										<!-- #ifndef H5 -->
										@onicon="search_icon_event" propIcon="icon-scan" :propIsIconOnEvent="true"
										<!-- #endif -->
										></component-search>
									</block>
									<block v-else>
										<component-search :diyTheme="diytheme_data" :propUrl="propUrl" :propPlaceholder="propPlaceholder" propPlaceholderClass="cr-grey-c" propIconColor="#999" :propBgColor="soubgcolor" :propIsSouPic="is_sou_pic"></component-search>
									</block>
								</view>
							</view>
						</view>
					</view>
					<!-- #ifdef H5 || MP-TOUTIAO || APP-PLUS -->
					<!-- 右上角icon列表 -->
					<view v-if="(right_icon_list || null) != null && right_icon_list.length > 0 && is_agree_privacy" class="nav-top-right-icon pa" :style="search_is_fixed == 1 ? top_right_icon_style : ''">
						<block v-for="(item,index) in right_icon_list" :key="index">
							<view class="item dis-inline-block cp" :data-value="item.url || ''" @tap="url_event">
								<iconfont :name="item.icon" size="38rpx" color="#fff"></iconfont>
								<view v-if="(item.badge || null) != null" class="badge-icon pa">
									<component-badge :propNumber="item.badge"></component-badge>
								</view>
							</view>
						</block>
					</view>
					<!-- #endif -->
				</view>
				<view v-if="search_is_fixed == 1" :class="'search-fixed-seat search-fixed-seat'+index_title_style"></view>
			</view>
			<view class="huandeng_and_nav pr">
				<!-- 魔方-幻灯下方 - 插件 -->
				<block v-if="(propMofang || null) != null && propFrom == 'index'">
					<component-mofang :propData="propMofang" propLocation="0"></component-mofang>
				</block>
				<!-- 魔方-幻灯下方 - 插件 -->
				<block v-if="(propMofang || null) != null && propFrom == 'classinfo'">
					<component-mofang :propData="propMofang" propLocation="14"></component-mofang>
				</block>
							
				<!-- 导航 -->
				<view :class="((index_topbg_style==3) ? 'iconnav-content-box-1 border-radius-main margin-horizontal-main margin-bottom-main' : 'iconnav-content-box')" v-if="propNavigation.length > 0">
					<component-icon-nav :diyTheme="diytheme_data" :propData="{...{data: propNavigation}, ...{random: random_value}}" :propColor="diytheme_data.main_color"></component-icon-nav>
				</view>
			</view>
		</view>
		<view v-else class="spacing-mb-">
			<view class="home-top-nav-content pr" :style="top_content_style + top_content_bg_color">
				<view :class="'tit_and_search pr '+(search_is_fixed == 1 ? 'search-content-fixed ' : '')" :style="(search_is_fixed == 1 ? (top_content_style + top_content_search_bg_color) : '')">
					<view :class="'tit_and_search'+index_title_style+' pr '" :style="tit_and_search_box">
						<view v-if="is_home_location_choice == 1 || index_topbg_style==1" class="home-top-nav-location dis-inline-block va-m single-text cr-white pr bs-bb padding-left-main padding-right-lg">
							<component-choice-location ref="choice_location" @onBack="user_back_choice_location"></component-choice-location>
						</view>
						<view v-else>
							<!-- 标题 -->
							<block v-if="index_title_style == 1">
								<view class="home-top-nav-title single-text" :style="top_title_text_style">{{application_title}}</view>
							</block>
							<block v-else-if="index_title_style == 2">
								<view class="home-top-nav-title-logo fl"><image :src="top_title_style" mode="heightFix" /></view>
								<view class="home-top-nav-title home-top-nav-title-txt single-text fl" :style="top_title_text_style">{{application_title}}</view>
								<view class="cl"></view>
							</block>
							<block v-else>
								<view class="home-top-nav-title-logo-3"><image class="va-m" :src="top_title_style" mode="heightFix" /></view>
							</block>
						</view>
		
						<!-- 搜索 -->
						<view :class="'yx-search-box yx-search-box'+index_title_style+' pr yx-search-because-slider'" :style="(index_title_style == 3 ? ({ height: menuButtonInfo.height - 2 + 'px', lineHeight: menuButtonInfo.height - 2 + 'px' }) : '')">
							<view v-if="common_app_is_enable_search == 1" :style="search_style" class="yx-search-box-cc">
								<view class="margin-horizontal-main">
									<!-- 是否开启搜索框前面icon扫一扫 -->
									<block v-if="is_home_search_scan == 1">
										<component-search :diyTheme="diytheme_data" :propUrl="propUrl" :propPlaceholder="propPlaceholder" propPlaceholderClass="cr-grey-c" propIconColor="#999" :propBgColor="soubgcolor" :propIsSouPic="is_sou_pic"
										<!-- #ifndef H5 -->
										@onicon="search_icon_event" propIcon="icon-scan" :propIsIconOnEvent="true"
										<!-- #endif -->
										></component-search>
									</block>
									<block v-else>
										<component-search :diyTheme="diytheme_data" :propUrl="propUrl" :propPlaceholder="propPlaceholder" propPlaceholderClass="cr-grey-c" propIconColor="#999" :propBgColor="soubgcolor" :propIsSouPic="is_sou_pic"></component-search>
									</block>
								</view>
							</view>
						</view>
					</view>
					<!-- #ifdef H5 || MP-TOUTIAO || APP-PLUS -->
					<!-- 右上角icon列表 -->
					<view v-if="(right_icon_list || null) != null && right_icon_list.length > 0 && is_agree_privacy" class="nav-top-right-icon pa" :style="search_is_fixed == 1 ? '' : ''">
						<block v-for="(item,index) in right_icon_list" :key="index">
							<view class="item dis-inline-block cp" :data-value="item.url || ''" @tap="url_event">
								<iconfont :name="item.icon" size="38rpx" color="#fff"></iconfont>
								<view v-if="(item.badge || null) != null" class="badge-icon pa">
									<component-badge :propNumber="item.badge"></component-badge>
								</view>
							</view>
						</block>
					</view>
					<!-- #endif -->
				</view>
				<view v-if="search_is_fixed == 1" :class="'search-fixed-seat search-fixed-seat'+index_title_style"></view>
				
				<view class="huandeng_and_nav pr">
					<!-- 轮播 -->
					<view :class="(index_topbg_style==1) ? 'banner-content padding-horizontal-main' : 'bg-white'" v-if="propBannerList.length > 0">
						<component-banner :diyTheme="diytheme_data" :propTopType="index_topbg_style" :propData="propBannerList" :propImgNoRadius="(index_topbg_style==1) ? false : true" @changeBanner="change_banner"></component-banner>
					</view>
					
					<!-- 魔方-幻灯下方 - 插件 -->
					<block v-if="(propMofang || null) != null && propFrom == 'index'">
						<component-mofang :propUserkey="cps_api_key" :propUserid="cps_user_id" :propData="propMofang" propLocation="0"></component-mofang>
					</block>
					<!-- 魔方-幻灯下方 - 插件 -->
					<block v-if="(propMofang || null) != null && propFrom == 'classinfo'">
						<component-mofang :propUserkey="cps_api_key" :propUserid="cps_user_id" :propData="propMofang" propLocation="14"></component-mofang>
					</block>
		
					<!-- 导航 -->
					<view :class="((index_topbg_style==11) ? 'iconnav-content-box-1 border-radius-main margin-main' : 'iconnav-content-box')" v-if="propNavigation.length > 0">
						<component-icon-nav :diyTheme="diytheme_data" :propData="{...{data: propNavigation}, ...{random: random_value}}" :propColor="diytheme_data.main_color"></component-icon-nav>
					</view>
				</view>
				
				<!-- 头部版块尾部遮罩 显示条件是轮播或者导航起码得有一块-->
				<view v-if="(propBannerList.length > 0) || (propNavigation.length > 0)" class="weibu_zhezhao"></view>
			</view>
		</view>
		
		<!-- 位置选择提示 -->
		<view v-if="location_tips_close_status && (propBaseData.is_nav_show_bendi || null) != null && (propBaseData.is_nav_show_bendi || 0) == 1" class="choice-location-tips pf wh-auto ht-auto tc bs-bb">
		    <view class="content bg-white auto padding-xxxl pr radius-lg">
		        <view class="close oh pa">
		            <view @tap="location_tips_close_event">
		                <iconfont name="icon-close-line" size="28rpx" color="#999"></iconfont>
		            </view>
		        </view>
		        <view class="padding-lg">
		            <view class="cr-base margin-top-lg">为方便展示您附近的信息，需要获取您所在的位置</view>
		            <button type="default" class="bg-main br-main cr-white text-size-sm margin-top-xxl round" hover-class="none" @tap="choose_user_location_event">{{$t('index.index.t3d917')}}</button>
		        </view>
		    </view>
		</view>
		
		<!-- #ifdef APP-PLUS -->
		<yk-authpup ref="authpup" type="top" @changeAuth="changeAuth" :permissionID="permissionID"></yk-authpup>
		<!-- #endif -->
	</view>
</template>

<script>
	const app = getApp();
	import componentBanner from "../slider";
	import componentChoiceLocation from '@/components/choice-location/choice-location';
	import componentSearch from "@/components/search/search";
	import componentBadge from "@/components/badge/badge";
	import componentMofang from "@/components/mofang/mofang";
	import componentIconNav from "@/components/icon-nav/icon-nav";
	// #ifdef APP-PLUS
	import ykAuthpup from "@/components/yk-authpup/yk-authpup";
	// #endif
	// 获取系统状态栏的高度
	var system_info = app.globalData.get_system_info() || {};
	var win_width = parseInt(system_info.windowWidth || system_info.screenWidth || 0);
	var static_url = app.globalData.get_static_url('home');
	
	let menuButtonInfo = {};
	// 如果是小程序，获取右上角胶囊的尺寸信息，避免导航栏右侧内容与胶囊重叠(支付宝小程序非本API，尚未兼容)
	// #ifdef MP-WEIXIN || MP-BAIDU || MP-TOUTIAO || MP-QQ || MP-ALIPAY
	menuButtonInfo = uni.getMenuButtonBoundingClientRect();
	// #endif

	export default {
		name:"tj-header",
		data() {
			return {
				menuButtonInfo: menuButtonInfo,
				safeAreaInsets:app.globalData.get_system_info('safeAreaInsets'),
				is_home_location_choice: app.globalData.data.is_home_location_choice,
				is_index_banner_bgcolor_follow: app.globalData.data.is_index_banner_bgcolor_follow,
				banner_top: win_width <= 0 ? 150 : ((win_width/3)*2+40),
				search_is_fixed: 0,
				index_title_style:1,
				index_topbg_style:1,
				common_app_is_enable_search: 0,
				soubgcolor:'#fff',
				top_right_icon_style: '',
				// 是否搜图插件
				is_sou_pic:false,
				top_content_bg_box: '',
				top_content_style: 'background-image: url("'+static_url+'nav-top.png");',
				title_isimg: false,
				top_isimg: false,
				top_title_style: '',
				tit_and_search_box: '',
				top_title_text_style:'color:#fff',
				search_style: '',
				is_home_search_scan: app.globalData.data.is_home_search_scan,
				permissionID: '',
				is_agree_privacy: false,
				cps_user_id:'',
				cps_api_key:'',
				application_title: app.globalData.get_application_title(),
				diytheme_data: null,
				user_location: null,
				location_tips_close_status: false,
			};
		},
		components: {
			// #ifdef APP-PLUS
			ykAuthpup,
			// #endif
			componentSearch,
			componentBanner,
			componentChoiceLocation,
			componentBadge,
			componentMofang,
			componentIconNav
		},
		props: {
			propBannerList: {
				type: [Array,Object],
				default: []
			},
			propRightIcon: {
				type: [Array,Object],
				default: []
			},
			propMofang: {
				type: [Array,Object],
				default: null
			},
			propNavigation: {
				type: [Array,Object],
				default: () => {
				    return [];
				},
			},
			diyTheme: {
				type: [Array,Object],
				default: null
			},
			propRandom: {
				type: [String,Number],
				default: 0
			},
			propTopBgColor: {
				type: String,
				default: ''
			},
			propTopSearchBgColor: {
				type: String,
				default: ''
			},
			propSearchFixed: {
				type: [String,Number],
				default: 0
			},
			propUrl: {
			    type: String,
			    default: '/pages/goods-search/goods-search',
			},
			propFrom: {
			    type: String,
			    default: 'index',
			},
			propHeaderType: {
			    type: [String,Number],
			    default: 0,
			},
			propBaseData: {
				type: [Array,Object],
				default: []
			},
			propPlaceholder: {
			    type: String,
			    default: '',
			}
		},
		// 属性值改变监听
		watch: {
			propSearchFixed(value, old_value) {
			    this.setData({
			        search_is_fixed: value,
			    });
			}
		},
		//对传值进行计算
		computed:{
			right_icon_list(){
				return this.propRightIcon;
			},
			random_value(){
				return this.propRandom;
			},
			top_content_bg_color(){
				return this.propTopBgColor;
			},
			top_content_search_bg_color(){
				return this.propTopSearchBgColor;
			}
		},
		// 页面被展示
		created: function() {
			this.init();
		},
		methods: {
			// 初始化
			init(e) {
				let open_search = app.globalData.get_config('config.common_app_is_enable_search');
				let is_agree_privacy = true;
				// #ifdef APP-PLUS
				if(!app.globalData.check_app_disagree_simple()){
					open_search = 0;//不同意协议强制不开启搜索
					is_agree_privacy = false;//未同意协议的标识
				}
				// #endif
				//this.propPlaceholder = this.$t('customview.customview.726k7y');
				var self = this;
				var fccprouniapp_data = uni.getStorageSync('system_base_info') || null;
				if(fccprouniapp_data != null){
					// 头部背景
					var top_bg = fccprouniapp_data.base.top_images_url || '';
					var top_isimg = true;
					var top_bg_color = fccprouniapp_data.base.bg_color || fccprouniapp_data.base.theme_default_color;
					if(top_bg == ''){
						top_bg = top_bg_color;
						top_isimg = false;
						// 特殊颜色值要进行其他处理，头部设置位black，搜索框要给个底色；
						if(top_bg == '#FFFFFF'){
							self.soubgcolor = '#f5f5f5';
						}
					}
					
					let navbarHeight = 0;
					// #ifdef H5 || MP-TOUTIAO
					navbarHeight = 5;
					// #endif
					// #ifdef APP-PLUS
					if(is_agree_privacy){
						navbarHeight = this.safeAreaInsets.top || 0;
					}else{
						navbarHeight = 0;
					}
					if(navbarHeight < 8)
					{
						navbarHeight = 25;
					}
					// #endif
					// #ifdef MP
					let height = 0;
					if (self.menuButtonInfo && self.menuButtonInfo.hasOwnProperty('top'))
					{
						height = self.menuButtonInfo.top;
					}
					if(parseInt(height) > 0)
					{
						navbarHeight = height;
					}
					// #endif
					 
					// #ifdef MP-TOUTIAO
					//navbarHeight = 0;
					// #endif

					// 组装
					var top_content_style_temp = '';
					if(top_isimg){
						top_content_style_temp = 'background:#f6f6f6 url("'+top_bg+'") no-repeat center top;background-size:100% auto;padding-top:'+navbarHeight+'px;';
					}else{
						top_content_style_temp = 'background: '+top_bg+';padding-top:'+navbarHeight+'px;';
					}
					var top_content_bg_box = 'top:'+navbarHeight+'px;left:0;width:100%;';
					
					var top_right_icon_style = '';
					// #ifdef APP-PLUS
					top_right_icon_style = 'top:calc(5px + '+navbarHeight+'px);';
					// #endif
					
					// 小程序标题背景
					var top_title_bg = fccprouniapp_data.base.title_images_url || '';
					var top_title_text_style = fccprouniapp_data.base.title_bg_color || '#fff';// 标题文字颜色
					var title_isimg = true;
					if(top_title_bg == ''){
						title_isimg = false;
					}
					top_title_text_style = 'color:'+top_title_text_style;
					
					// 后台设置的标题文字
					var title_app = fccprouniapp_data.base.title_name || '';
					if(title_app == ''){
						title_app = self.application_title;
					}
					// 顶部样式
					var its = fccprouniapp_data.base.index_title_style || null;
					if(its != null){
						its = parseInt(its);
					}
					// 如果是百度小程序，且设置了特殊标题，则强制为样式1
					// #ifdef MP-BAIDU
					if((fccprouniapp_data.base.baidu_title_name || null) != null)
					{
						its = 1;
						
						// 标题强制为此标题
						title_app = fccprouniapp_data.base.baidu_title_name;
					}
					// #endif
					
					var tit_and_search_box = '';
					
					// 幻灯+导航+顶部样式1、2的搜索样式
					var tts = fccprouniapp_data.base.index_topbg_style || null;
					if(tts != null){
						tts = parseInt(tts);
					}
					if(parseInt(this.propHeaderType) > 0)
					{
						tts = parseInt(this.propHeaderType);
						// 此时强制
						its = 3;
					}
					
					if(its === 3)
					{
						// 样式3，赋予tit_and_search_box宽度
						let ww = 0;
						// #ifdef APP-PLUS || H5 || MP-TOUTIAO
						let len = self.right_icon_list.length;
						ww = (len*28);
						// #endif
						// #ifdef MP
						ww = self.menuButtonInfo.width || 0;
						ww = ww+5;
						// #endif
						tit_and_search_box = 'width:calc(100% - '+ww+'px);';
					}
					
					// CPS用户信息
					var cps_user_id = '';
					var cps_api_key = '';
					if((fccprouniapp_data.base.is_cps_movie_show || null) != null && parseInt(fccprouniapp_data.base.is_cps_movie_show)==1 && (fccprouniapp_data.base.cps_user_id || null) != null && fccprouniapp_data.base.cps_user_id !='' && (fccprouniapp_data.base.cps_api_key || null) != null && fccprouniapp_data.base.cps_api_key!=''){
						cps_user_id = fccprouniapp_data.base.cps_user_id;
						cps_api_key = fccprouniapp_data.base.cps_api_key;
					}
					
					// 第三方插件处理
					var issoutu = false;
					if((fccprouniapp_data.third_plugins || null) != null){
						if((fccprouniapp_data.third_plugins.imagesearch || null) != null){
							issoutu = true;
						}
					}
					var diytheme_data = this.diyTheme || null;
					if((diytheme_data || null) === null)
					{
						diytheme_data = fccprouniapp_data.base.diytheme;
					}
					
					var location_tips_close_status = false;
					
					var res = app.globalData.choice_user_location_init();
					
					// #ifdef MP-WEIXIN
					// 微信小程序首先判断是否有
					var res = app.globalData.choice_user_location_init();
					if((res || null) != null)
					{
						if ((this.$refs.choice_location || null) != null) {
							this.$refs.choice_location.init();
						}
					}
					// #endif
					
					// #ifndef MP-WEIXIN
					location_tips_close_status = ((self.propBaseData.is_nav_show_bendi || null) != null && parseInt(self.propBaseData.is_nav_show_bendi) == 1 && ((res || null) == null || res.status == 0)) ? true : false;
					// #endif

					self.setData({
						user_location: res || null,
						location_tips_close_status: location_tips_close_status,
						diytheme_data: diytheme_data,
						is_agree_privacy: is_agree_privacy,
						common_app_is_enable_search: open_search,
						top_content_style: top_content_style_temp,
						top_isimg: top_isimg,
						top_title_style: top_title_bg,
						title_isimg:title_isimg,
						top_title_text_style:top_title_text_style,
						application_title: title_app,
						index_title_style: its || 1,
						top_content_bg_box: top_content_bg_box,
						tit_and_search_box: tit_and_search_box,
						is_sou_pic:issoutu,
						index_topbg_style:tts || 1,
						cps_user_id:cps_user_id,
						cps_api_key:cps_api_key,
						top_right_icon_style:top_right_icon_style,
					});
				}
			},
			
			// 选择地理位置
			choose_user_location_event(e) {
			    if ((this.$refs.choice_location || null) != null) {
			        this.$refs.choice_location.choose_user_location();
			    }
			},
			
			// 选择用户地理位置回调
			user_back_choice_location(e) {
				this.setData({
				    user_location: e,
				    location_tips_close_status: e.status != 1
				});
				// 重新刷新数据
				this.$emit('onLocationBack', e);
			},
			
			// 轮播改变、背景色处理
			change_banner(color) {
				if(this.is_index_banner_bgcolor_follow == 1){
					if ((color || null) != null) {
						this.top_content_bg_color = 'background: linear-gradient(180deg, ' + color + ' 0%, #f5f5f5 80%);';
						this.top_content_search_bg_color = 'background: linear-gradient(180deg, ' + color + ' 0%, #f5f5f5 300%);';
					} else {
						this.top_content_bg_color = 'background: linear-gradient(180deg, ' + this.diytheme_data.main_color + ' 0%, #f5f5f5 80%);';
						this.top_content_search_bg_color = 'background: linear-gradient(180deg, ' + this.diytheme_data.main_color + ' 0%, #f5f5f5 300%);';
					}
				}
			},
			
			// 地址选择提示关闭事件
			location_tips_close_event(e) {
			    this.setData({
			        location_tips_close_status: false,
			    });
			},
			
			// #ifdef APP-PLUS
			//用户授权权限后的回调
			changeAuth(){
				if(this.permissionID == 'WRITE_EXTERNAL_STORAGE')
				{
					app.globalData.scan_handle();
				}else{
					// 第一次是摄像头返回，再返回是相册权限，然后才继续执行
					this.permissionID = 'WRITE_EXTERNAL_STORAGE';
					setTimeout(()=>{
						this.$refs['authpup'].open();
					},500);
				}
			},
			// #endif
			// 搜索icon扫码事件
			search_icon_event(e) {
				if(app.globalData.is_android())
				{
					this.permissionID = 'CAMERA';
					setTimeout(()=>{
						this.$refs['authpup'].open();
					},500);
				}else{
					app.globalData.scan_handle();
				}
			},
			
			// url事件
			url_event(e) {
			    app.globalData.url_event(e);
			}
		}
	}
</script>

<style>
/**
 * 顶部内容
 */
.home-top-nav-content {
    background-repeat: no-repeat;
    background-size: 100% auto;
    /*padding-top: calc(var(--status-bar-height) + 8px);*/
	padding-top: var(--status-bar-height);
    /* #ifdef MP-TOUTIAO */
    padding-top: 0;
    /* #endif */
}
.home-top-nav-content.home-top-nav-content-3{
	min-height: 50rpx;
	padding-top: 0;
}
.home-top-nav-title {
    font-weight: bold;
    text-align: left;
    padding: 2px 250rpx 0 20rpx;
    height: 37px;line-height: 37px;
    font-size: 42rpx;
    /* #ifdef H5 || MP-TOUTIAO || APP-PLUS */
    font-size: 24px;
    padding-top: 0;
    /* #endif */
}
.home-top-nav-location {
	padding: 0px 20rpx 0 20rpx;
    max-width: 50%;
	height: 56rpx;
    line-height: 56rpx;
	padding-top:0px;
	/* #ifdef H5 || MP-TOUTIAO || APP-PLUS */
	padding-top:6px;
	/* #endif */
}
.tit_and_search{
	padding-bottom: 10rpx;
}
.tit_and_search3{
	padding-bottom: 10rpx;
	display: flex;
}

.home-top-nav-title.home-top-nav-title-txt{
	font-weight: normal;
	text-align: left;
	padding: 2px 0rpx 0 10rpx;
	height: 37px;line-height: 40px;
	font-size: 28rpx;
	/* #ifdef H5 || MP-TOUTIAO || APP-PLUS */
	font-size: 14px;
	padding-top: 0;
	/* #endif */
}
.home-top-nav-title-logo{
	height: 37px;
	padding-left:20rpx;
}
.home-top-nav-title-logo image{
	height:37px;
}
.home-top-nav-title-logo-3{
	height: 56rpx;
	margin-left:20rpx;
	/* #ifdef H5 || MP-TOUTIAO || APP-PLUS */
	height:28px;
	padding-top:6px;
	/* #endif */
}
.home-top-nav-title-logo-3 image{
	width:auto;
	height:56rpx;
	/* #ifdef H5 || MP-TOUTIAO || APP-PLUS */
	height:28px;
	/* #endif */
}

.banner-box-3{
	position: absolute;
	width:100%;
	left:0;
	top:0;
}

/**
 * 右侧图标导航
 */
/* #ifdef H5 || MP-TOUTIAO || APP-PLUS */
.nav-top-right-icon {
    top: 6px;
    right: 28rpx;
    z-index: 12;
    line-height: 28px;
    /* #ifdef MP-TOUTIAO */
    top: 2px;
    /* #endif */
}
.nav-top-right-icon .item:not(:last-child) {
    margin-right: 20rpx;
}
.nav-top-right-icon .img1{
	width:50rpx;
	height:50rpx;
}
.nav-top-right-icon .badge-icon {
    top: -10px;
    right: 2px;
}
/* #endif */

/**
 * 搜索
 */
.yx-search-box-cc{padding:15rpx 0 15rpx;}
.yx-search-box3{
	flex-grow:1;
	height: 26px;
	padding-top:0px;
	/* #ifdef H5 || MP-TOUTIAO || APP-PLUS */
    padding-top:6px;
    /* #endif */
}
.yx-search-box3 .yx-search-box-cc{padding:0rpx 0;vertical-align: middle;}
/*.yx-search-box1.yx-search-because-slider2,.yx-search-box2.yx-search-because-slider2{background: #f6f6f6;}*/
.yx-search-box1.yx-search-because-slider2 .yx-search-box-cc,.yx-search-box2.yx-search-because-slider2 .yx-search-box-cc{padding:15rpx 0;}
.search-fixed-seat {
    padding-top: 150rpx;
}
.search-fixed-seat.search-fixed-seat3 {
    padding-top: 70rpx;
}
.search-content-fixed {
    position: fixed !important;
    top: 0;
    z-index: 11;
    padding-bottom: 10rpx;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-top: 25px;
    /* #ifdef H5 || MP-TOUTIAO || APP-PLUS */
    padding-top: 15rpx;
    padding-bottom: 15rpx;
    /* #endif */
}
/* #ifdef H5 || MP-TOUTIAO || APP-PLUS */
.search-content-fixed .nav-top-right-icon {
    top: 9px;
}
/* #endif */

/**
 * 轮播
 */
.banner-content {
    margin-top:15rpx;
}

.iconnav-content-box{background: #fff;padding:10rpx;margin-bottom: 20rpx;}
.iconnav-content-box-1{background: #fff;padding:10rpx;}
.huandeng_and_nav{z-index: 2;}

/**
* 位置选择提示
*/
.choice-location-tips {
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    z-index: 2;
}

.choice-location-tips .content {
    margin-top:40%;
    width: 520rpx;
}

.choice-location-tips .content .close {
    top: 20rpx;
    right: 20rpx;
}
.bg-main{background-color:#409EFF !important;}
</style>